<script lang="ts" setup></script>

<template>
  <el-container class="size-full relative" direction="vertical">
    <el-main>
      <SvgIcon message="添加方式" name="friend-link" parentClass="!text-xl" svg-class="!size-5" />
      <el-main
        class="!flex mt-3 use-second-bg use-shadow use-radius-sm use-transitions-shadow-short flex-col border-l-4 border-amber-500"
      >
        <span>点击上方 “信封”🎉🎉🎉</span>
        <span class="my-1">耐心填写你的网站信息😁😁😁</span>
        <span>不会添加带有广告营销和没有实质性内容的友链😒😒😒</span>
        <span class="my-1">申请之前请将本网站添加为您的友链哦❤️❤️❤️</span>
      </el-main>
    </el-main>
    <el-main>
      <SvgIcon message="本站信息" name="friend-link" parentClass="!text-xl" svg-class="!size-5" />
      <el-main
        class="!flex flex-col use-second-bg use-shadow use-radius-sm use-transitions-shadow-short mt-3 border-l-4 border-amber-500"
      >
        <span>名 称：UTOPIA</span>
        <span class="my-1">简 介：UTOPIA 人类思想意识中最美好的国度。</span>
        <span>头像：https://static.yshujia.cn/favicon.ico</span>
        <span class="my-1">封 面：https://static.yshujia.cn/cover.webp</span>
        <span>链 接：https://utopia.yshujia.cn 或 https://yshujia.cn</span>
      </el-main>
    </el-main>
  </el-container>
</template>

<style lang="scss" scoped></style>
